<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>抽屉页面</title>
    <link rel="stylesheet" href="chouqi_yangshi.css" type="text/css">

</head>

<body>
<div class="head-box">
    <div class="head-content">
        <a class="logo" href=""></a>
        <div class="action-menu">
            <a href="" class="tb active">全部</a>
            <a href="" class="tb">42区</a>
            <a href="" class="tb">段子</a>
            <a href="" class="tb">图片</a>
            <a href="" class="tb">挨踢1024</a>
            <a href="" class="tb">你问我答</a>
        </div>
        <div>
            <form action="/"   method="post">
                <div class="key-search">
                    <input  class="search-txt" type="text" placeholder="请输入关键字查询">
                     <a href="#" class="i">
                     <span class="ioc"></span>
                    </a>
                </div>
            </form>
        </div>
        <div class="login-reg">
            <a  href="/"  class="login">登录</a>
            <a  href="/"  class="register">注册</a>
        </div>
    </div>
</div>

<div class="main-content-box">
    <div class="main-content">
        <div class="content-L">
            <div class="nav-top-area">
                <div class="top-area">
                    <div class="child-nav">
                        <a href="/" class="icos" id="javascript">最热</a>
                        <a href="/">发现</a>
                        <a href="/">人类发布</a>
                    </div>
                    <div class="sort-nav">
                        <a class="active hotbtn" href="/all/hot/recent/1">及时排序</a>
                        <a class="newbtn" href="/">24小时</a>
                        <a class="newbtn" href="/">3天</a>
                    </div>
                    <div class="publish">
                        <a class="publish-button" href="">+  发布</a>
                    </div>
                </div>
                <div class="content-list">
                <div class="item">
                    <div class="news-pic">
                        <img class="pic" src="images/50.jpg.jpg" alt="">
                    </div>
                    <div class="news-content">
                        <div class="part1">
                            <a href="">瓜组热议的『我辛辛苦苦的考大学摸了一下女生就全没了』讲一个男大学生偷进女生宿舍猥亵被抓，事后表明有抑郁症且有自杀倾向…</a>
                            <a  class="n2" href="/r/news/hot/1">42区</a>
                        </div>
                        <div class="part2">
                            <div class="click-btu">
                                <a href="">
                                    <span class="ioc-pic"></span>
                                    <b>16</b>
                                </a>
                                <a href="">
                                    <span class="ioc-pic1"></span>
                                    <b>29</b>
                                </a>
                                <a href="">
                                    <span class="ioc-pic2"></span>
                                    <b>私藏</b>
                                </a>
                            </div>
                            <div class="share">
                                <div class="share-a">
                                    <i>分享到:</i>
                                    <span class="share-item">
                                        <a href="/" title="分享到新浪微博" class="share-weibo"></a>
                                        <a href="/" title="分享到豆瓣" class="share-douban"></a>
                                        <a href="/" title="分享到QQ空间" class="share-qq"></a>
                                        <a href="/" title="分享到腾讯微博" class="share-tenxun"></a>
                                        <a href="/" title="分享到人人网" class="share-renren"></a>
                                    </span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="news-pic">
                        <img class="pic" src="images/50.jpg.jpg" alt="">

                    </div>
                    <div class="news-content">
                        <div class="part1">
                            <a href="" title="哈哈哈哈" >为庆祝70周年国庆，9月9日晚，朝鲜平壤举行大型团体操表演《辉煌的祖国》，超10万人次参演，还首次引进了立体投影和无人机编队飞行技术。在演出接近尾声时，舞台响起《爱我中华》的旋律，大屏出现“善邻友好”中文字幕还首次引进了立体投影和无人机编队飞行技术。在演出接近尾声时，舞台响起《爱我中华》的旋律，大屏出现“善邻友好”中文字幕。…</a>
                            <a  class="n2" href="/r/news/hot/1">42区</a>
                        </div>
                        <div class="part2">
                            <div class="click-btu">
                                <a href="">
                                    <span class="ioc-pic"></span>
                                    <b>16</b>
                                </a>
                                <a href="">
                                    <span class="ioc-pic1"></span>
                                    <b>29</b>
                                </a>
                                <a href="">
                                    <span class="ioc-pic2"></span>
                                    <b>私藏</b>
                                </a>
                            </div>
                            <div class="share">
                                <div class="share-a">
                                    <i>分享到:</i>
                                    <span class="share-item">
                                        <a href="/" title="分享到新浪微博" class="share-weibo"></a>
                                        <a href="/" title="分享到豆瓣" class="share-douban"></a>
                                        <a href="/" title="分享到QQ空间" class="share-qq"></a>
                                        <a href="/" title="分享到腾讯微博" class="share-tenxun"></a>
                                        <a href="/" title="分享到人人网" class="share-renren"></a>
                                    </span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="news-pic">
                        <img class="pic" src="images/50.jpg.jpg" alt="">

                    </div>
                    <div class="news-content">
                        <div class="part1">
                            <a href="">瓜组热议的『我辛辛苦苦的考大学摸了一下女生就全没了』讲一个男大学生偷进女生宿舍猥亵被抓，事后表明有抑郁症且有自杀倾向…</a>
                            <a  class="n2" href="/r/news/hot/1">42区</a>
                        </div>
                        <div class="part2">
                            <div class="click-btu">
                                <a href="">
                                    <span class="ioc-pic"></span>
                                    <b>16</b>
                                </a>
                                <a href="">
                                    <span class="ioc-pic1"></span>
                                    <b>29</b>
                                </a>
                                <a href="">
                                    <span class="ioc-pic2"></span>
                                    <b>私藏</b>
                                </a>
                            </div>
                            <div class="share">
                                <div class="share-a">
                                    <i>分享到:</i>
                                    <span class="share-item">
                                        <a href="/" title="分享到新浪微博" class="share-weibo"></a>
                                        <a href="/" title="分享到豆瓣" class="share-douban"></a>
                                        <a href="/" title="分享到QQ空间" class="share-qq"></a>
                                        <a href="/" title="分享到腾讯微博" class="share-tenxun"></a>
                                        <a href="/" title="分享到人人网" class="share-renren"></a>
                                    </span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="news-pic">
                        <img class="pic" src="images/50.jpg.jpg" alt="">

                    </div>
                    <div class="news-content">
                        <div class="part1">
                            <a href="" title="哈哈哈哈" >为庆祝70周年国庆，9月9日晚，朝鲜平壤举行大型团体操表演《辉煌的祖国》，超10万人次参演，还首次引进了立体投影和无人机编队飞行技术。在演出接近尾声时，舞台响起《爱我中华》的旋律，大屏出现“善邻友好”中文字幕还首次引进了立体投影和无人机编队飞行技术。在演出接近尾声时，舞台响起《爱我中华》的旋律，大屏出现“善邻友好”中文字幕。…</a>
                            <a  class="n2" href="/r/news/hot/1">42区</a>
                        </div>
                        <div class="part2">
                            <div class="click-btu">
                                <a href="">
                                    <span class="ioc-pic"></span>
                                    <b>16</b>
                                </a>
                                <a href="">
                                    <span class="ioc-pic1"></span>
                                    <b>29</b>
                                </a>
                                <a href="">
                                    <span class="ioc-pic2"></span>
                                    <b>私藏</b>
                                </a>
                            </div>
                            <div class="share">
                                <div class="share-a">
                                    <i>分享到:</i>
                                    <span class="share-item">
                                        <a href="/" title="分享到新浪微博" class="share-weibo"></a>
                                        <a href="/" title="分享到豆瓣" class="share-douban"></a>
                                        <a href="/" title="分享到QQ空间" class="share-qq"></a>
                                        <a href="/" title="分享到腾讯微博" class="share-tenxun"></a>
                                        <a href="/" title="分享到人人网" class="share-renren"></a>
                                    </span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
                <div class="page-area">
                    <div class="fanye">
                        <ui>
                            <li class="pagebtu first">
                                <span class="firstpage"></span>
                                <a class="page1">1</a>
                            </li>
                            <li class="pagebtu">
                                <a href="">2</a></li>
                            <li class="pagebtu">
                                <a href="">3</a></li>
                            <li class="pagebtu">
                                <a href="">4</a></li>
                            <li class="pagebtu">
                                <a href="">5</a></li>
                            <li class="pagebtu">
                                <a href="">6</a></li>
                            <li class="pagebtu">
                                <a href="">7</a></li>
                            <li class="pagebtu">
                                <a href="">7</a></li>
                            <li class="pagebtu">
                                <a href="">8</a></li>
                            <li class="pagebtu">
                                <a href="">9</a></li>
                            <li class="pagebtu">
                                <a href="">10</a></li>
                            <li class="pagebtu">
                                <a href="">11</a></li>
                            <!--<li class="pagebtu">-->
                                <!--<a href="">12</a></li>-->
                            <li class="pagebtu nextpage">
                                <a href="" id="nextpage">下一页</a></li>
                        </ui>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-R">
    </div>
        <div class="content-foter">
        <div class="foot-now">
            <a href="/" target="_blank">关于我们</a>
            <span>|</span>
            <a href="/" target="_blank">联系我们</a>
            <span>|</span>
            <a href="/" target="_blank">服务条款</a>
            <span>|</span>
            <a href="/" target="_blank">隐私政策</a>
            <span>|</span>
            <a href="/" target="_blank">抽屉热搜榜工具</a>
            <span>|</span>
            <a href="/" target="_blank">下载客户端</a>
            <span>|</span>
            <a href="/" target="_blank">意见与反馈</a>
            <span>|</span>
            <a href="/" target="_blank">友情链接</a>
            <span>|</span>
            <a href="/" target="_blank">积分商城</a>
            <span>|</span>
            <a href="/"  title="Rss订阅，Feed地址：http://dig.chouti.com/feed.xml" target="_blank">公告</a>
            <img src="images/ct_rss.gif" alt="">
        </div>
        <div class="foot-now2">
            <div class="foot-text">
                <a href="http://www.gozap.com/" target="_blank">
                <img class="foot_e" src="images/gozap-logo.gif" alt=""></a>
            <span class="foot_d">旗下站点</span>
            <span class="foot_a">©2018 chouti.com</span>
            <a class="foot_b" href="http://www.miibeian.gov.cn/" target="_blank">京ICP备09053974号-3 京公网安备 110102004562</a>
            </div>
            <div class="foot-text1">
                <span class="foot_d">违法和不良信息举报：</span>
                <span class="foot_a">电话：010-58302039 </span>
                <span class="foot_a">邮箱：
                    <a href="mailto:jubao@chouti.com">jubao@chouti.com</a>
                </span>
            </div>
            <div class="foot-text2">
                <span>版权所有：北京格致璞科技有限公司</span>
            </div>
            </div>
    </div>
        <a href="#javascript" title="回到顶部" class="icon-main" id="gotop" style="left: 1479px; display: block;"></a>
    </div>
</div>
</body>
</html>